<h1 class="body-box-title">Upload photos to my album</h1>
<p>Choose location images to upload your album. support <strong>*.jpg</strong>, <strong>*.png</strong>, <strong>*.gif</strong> types file.</p>
<div class="upload-photo-box">
	<form action="<?php echo $this->url(array('action' => 'upload', 'controller' => 'photo', 'module' => 'home'), null, TRUE); ?>" method="post" id="uploadFrom" enctype="multipart/form-data" target="hiddenUploadFrame">
	<div class="upload-form-row">
		<label for="photo-category">Choose a category for you photos.</label>
		<select size="1" name="category_id">
		<?php foreach ($this->categories as $category) {
			//echo '<optgroup label="">';
			echo '<option value="' . $category['categoryID'] . '">' . $category['categoryName'] . ' - (photos: ' . $category['categoryCounts'] . ')</option>' . PHP_EOL;
			//echo '</optgroup>';
		} ?>
		</select>
	</div>
	<div class="upload-form-row">
		<label for="upfile">Select a image file from your disk. Max size limit : <strong><?php echo $this->maxSize; ?></strong>Kb</label>
		<input type="file" name="upfile" class="add-photo-input" id="upfile-input" size="38" />
	</div>
	<div class="upload-form-row">
		<label for="topic">You can set the photo title</label>
		<input type="text" name="title" class="add-photo-input" id="title-input" size="40" />
	</div>
	<div class="upload-form-row">
		<label for="desc">More about the photo description</label>
		<textarea rows="5" cols="40" name="desc"></textarea>
	</div>
	<div class="upload-form-row">
		<input type="submit" name="submit" id="upfile-submit" value="Ok! Upload Photo" />
	</div>
	</form>
</div>
<iframe name="hiddenUploadFrame" id="hiddenUploadFrame" class="noDisplay"></iframe>